<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>15天跳绳满分计划 - 从零到满分</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <style>
        body {
            font-family: 'Noto Sans SC', sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 50%, #ffb347 100%);
        }
        
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7); }
            70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(255, 107, 107, 0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }
        }
        
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }
        
        .day-card {
            transition: all 0.3s ease;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        
        .day-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .day-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #ff6b6b, #ffb347);
        }
        
        .guarantee-badge {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            transform: rotate(-5deg);
            box-shadow: 0 10px 20px rgba(0, 242, 254, 0.3);
        }
        
        .countdown {
            font-family: 'Arial', sans-serif;
            font-weight: 900;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
    </style>
</head>
<body class="min-h-screen py-10 px-4">
    <div class="max-w-4xl mx-auto bg-white rounded-2xl overflow-hidden shadow-xl transform transition-all hover:shadow-2xl">
        <!-- Hero Section -->
        <div class="hero-gradient text-white text-center py-12 px-6 relative overflow-hidden">
            <div class="absolute top-0 left-0 w-full h-full opacity-10">
                <div class="absolute top-20 left-1/4 w-16 h-16 rounded-full bg-white"></div>
                <div class="absolute top-1/2 right-1/3 w-24 h-24 rounded-full bg-white"></div>
                <div class="absolute bottom-10 left-1/3 w-20 h-20 rounded-full bg-white"></div>
            </div>
            
            <div class="relative z-10">
                <h1 class="text-4xl md:text-5xl font-black mb-4 animate__animated animate__fadeInDown">15天跳绳满分计划</h1>
                <p class="text-xl md:text-2xl font-medium mb-6 animate__animated animate__fadeInUp">从零基础到体育考试满分，只需15天！</p>
                
                <div class="inline-block animate__animated animate__pulse animate__infinite">
                    <div class="bg-white text-orange-500 font-bold py-3 px-8 rounded-full text-lg shadow-lg transform transition hover:scale-105">
                        🚀 立即报名，限时优惠 🚀
                    </div>
                </div>
                
                <div class="mt-8 flex justify-center">
                    <div class="guarantee-badge text-white font-bold py-2 px-6 rounded-full text-sm inline-flex items-center animate__animated animate__tada">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-1" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                        </svg>
                        无效退款保证
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Results Countdown -->
        <div class="bg-gray-900 text-white py-6 px-8 flex flex-col md:flex-row justify-between items-center">
            <div class="text-lg font-medium mb-4 md:mb-0 text-center md:text-left">
                <span class="text-orange-300">🔥 限时特惠:</span> 前50名报名立减100元
            </div>
            <div class="flex items-center">
                <div class="countdown bg-gray-800 text-orange-400 text-2xl px-4 py-2 rounded-lg mr-2">
                    24
                </div>
                <span class="text-gray-400 mr-2">:</span>
                <div class="countdown bg-gray-800 text-orange-400 text-2xl px-4 py-2 rounded-lg mr-2">
                    59
                </div>
                <span class="text-gray-400 mr-2">:</span>
                <div class="countdown bg-gray-800 text-orange-400 text-2xl px-4 py-2 rounded-lg">
                    59
                </div>
            </div>
        </div>
        
        <!-- Content Section -->
        <div class="p-8">
            <!-- Before & After -->
            <div class="flex flex-col md:flex-row items-center mb-12 bg-gray-50 rounded-xl p-6">
                <div class="w-full md:w-1/2 mb-6 md:mb-0 md:pr-6">
                    <h3 class="text-2xl font-bold text-gray-800 mb-4">15天后你将获得:</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <div class="bg-green-100 p-1 rounded-full mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                            </div>
                            <span class="text-gray-700">体育考试轻松满分</span>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-green-100 p-1 rounded-full mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                            </div>
                            <span class="text-gray-700">每分钟跳绳180+次</span>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-green-100 p-1 rounded-full mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                            </div>
                            <span class="text-gray-700">完美的跳绳技巧和耐力</span>
                        </li>
                        <li class="flex items-start">
                            <div class="bg-green-100 p-1 rounded-full mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                            </div>
                            <span class="text-gray-700">专业的跳绳训练计划</span>
                        </li>
                    </ul>
                </div>
                <div class="w-full md:w-1/2 bg-white p-4 rounded-lg shadow-sm">
                    <div class="flex justify-between items-center mb-4">
                        <div class="text-center">
                            <div class="text-sm text-gray-500">训练前</div>
                            <div class="text-4xl font-bold text-red-500">60-80</div>
                            <div class="text-xs text-gray-500">次/分钟</div>
                        </div>
                        <div class="text-2xl text-gray-400">→</div>
                        <div class="text-center">
                            <div class="text-sm text-gray-500">训练后</div>
                            <div class="text-4xl font-bold text-green-600">180+</div>
                            <div class="text-xs text-gray-500">次/分钟</div>
                        </div>
                    </div>
                    <div class="h-4 bg-gradient-to-r from-red-400 to-green-500 rounded-full"></div>
                    <div class="mt-2 text-sm text-gray-600 text-center">
                        平均提升幅度: <span class="font-bold">200%</span>
                    </div>
                </div>
            </div>
            
            <!-- Training Plan -->
            <h2 class="text-3xl font-bold text-gray-800 mb-8 text-center relative">
                <span class="absolute left-0 right-0 bottom-0 h-1 bg-gradient-to-r from-transparent via-orange-500 to-transparent"></span>
                15天科学训练计划
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
                <!-- Phase 1 -->
                <div class="day-card">
                    <div class="p-6">
                        <div class="flex items-center mb-4">
                            <div class="bg-orange-500 text-white font-bold rounded-full w-10 h-10 flex items-center justify-center">1-5</div>
                            <h3 class="ml-3 font-bold text-gray-800 text-xl">基础建立期</h3>
                        </div>
                        <ul class="space-y-3 text-gray-600">
                            <li class="flex items-start">
                                <span class="text-orange-500 font-bold mr-2">✓</span>
                                <span>掌握正确跳绳姿势与呼吸</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-orange-500 font-bold mr-2">✓</span>
                                <span>建立稳定的跳绳节奏</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-orange-500 font-bold mr-2">✓</span>
                                <span>每日训练: 20分钟</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-orange-500 font-bold mr-2">✓</span>
                                <span>目标: 100-150次/分钟</span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <!-- Phase 2 -->
                <div class="day-card">
                    <div class="p-6">
                        <div class="flex items-center mb-4">
                            <div class="bg-purple-500 text-white font-bold rounded-full w-10 h-10 flex items-center justify-center">6-10</div>
                            <h3 class="ml-3 font-bold text-gray-800 text-xl">技巧提升期</h3>
                        </div>
                        <ul class="space-y-3 text-gray-600">
                            <li class="flex items-start">
                                <span class="text-purple-500 font-bold mr-2">✓</span>
                                <span>提高连续跳绳能力</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-purple-500 font-bold mr-2">✓</span>
                                <span>增强耐力与速度</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-purple-500 font-bold mr-2">✓</span>
                                <span>每日训练: 25分钟</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-purple-500 font-bold mr-2">✓</span>
                                <span>目标: 150-180次/分钟</span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <!-- Phase 3 -->
                <div class="day-card">
                    <div class="p-6">
                        <div class="flex items-center mb-4">
                            <div class="bg-green-500 text-white font-bold rounded-full w-10 h-10 flex items-center justify-center">11-15</div>
                            <h3 class="ml-3 font-bold text-gray-800 text-xl">满分冲刺期</h3>
                        </div>
                        <ul class="space-y-3 text-gray-600">
                            <li class="flex items-start">
                                <span class="text-green-500 font-bold mr-2">✓</span>
                                <span>模拟考试环境训练</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-green-500 font-bold mr-2">✓</span>
                                <span>优化节奏与呼吸配合</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-green-500 font-bold mr-2">✓</span>
                                <span>每日训练: 30分钟</span>
                            </li>
                            <li class="flex items-start">
                                <span class="text-green-500 font-bold mr-2">✓</span>
                                <span>目标: 180+次/分钟</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Testimonials -->
            <div class="mb-12">
                <h2 class="text-3xl font-bold text-gray-800 mb-8 text-center">学员成功案例</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-orange-500">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-12 h-12 rounded-full object-cover border-2 border-orange-300">
                            <div class="ml-4">
                                <h4 class="font-bold">王同学</h4>
                                <div class="flex mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <p class="text-gray-600">"15天前我只能跳80个，现在能稳定在190个以上！体育考试轻松满分，训练计划真的非常有效！"</p>
                        <div class="mt-4 text-sm text-gray-500">
                            <span class="font-bold">训练成果:</span> 从80次/分钟提升到195次/分钟
                        </div>
                    </div>
                    
                    <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-purple-500">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-12 h-12 rounded-full object-cover border-2 border-purple-300">
                            <div class="ml-4">
                                <h4 class="font-bold">李同学</h4>
                                <div class="flex mt-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <p class="text-gray-600">"训练计划循序渐进，每天都能看到进步！教练的指导非常专业，再也不怕体育考试了！"</p>
                        <div class="mt-4 text-sm text-gray-500">
                            <span class="font-bold">训练成果:</span> 从90次/分钟提升到185次/分钟
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Final CTA -->
            <div class="bg-gradient-to-r from-orange-500 to-pink-500 rounded-xl p-8 text-center text-white relative overflow-hidden">
                <div class="absolute top-0 left-0 w-full h-full opacity-10">
                    <div class="absolute top-10 left-1/4 w-20 h-20 rounded-full bg-white"></div>
                    <div class="absolute bottom-10 right-1/4 w-24 h-24 rounded-full bg-white"></div>
                </div>
                
                <div class="relative z-10">
                    <h2 class="text-3xl font-bold mb-4">立即报名，开启你的满分之路！</h2>
                    <p class="text-xl mb-6">前50名报名者赠送价值¥99的专业跳绳+视频教程</p>
                    
                    <div class="flex flex-col sm:flex-row justify-center gap-4">
                        <button class="bg-white text-orange-600 font-bold py-4 px-8 rounded-full text-lg shadow-lg hover:bg-gray-100 transition transform hover:scale-105">
                            📞 立即咨询 (24小时)
                        </button>
                        <button class="bg-black bg-opacity-20 text-white font-bold py-4 px-8 rounded-full text-lg border-2 border-white hover:bg-opacity-30 transition transform hover:scale-105">
                            💻 在线报名
                        </button>
                    </div>
                    
                    <div class="mt-6 bg-white bg-opacity-20 rounded-full py-2 px-6 inline-flex items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z" clip-rule="evenodd" />
                        </svg>
                        限时优惠，名额仅剩 <span class="font-bold">23</span> 个
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Footer -->
        <div class="bg-gray-900 text-white py-6 px-8 text-center text-sm">
            <div class="mb-2">
                <span class="mr-4">📞 400-123-4567</span>
                <span>🏢 北京市朝阳区体育路88号</span>
            </div>
            <p>© 2023 运动满分教育 - 15天跳绳满分计划 版权所有</p>
        </div>
    </div>
    
    <script>
        // Simple countdown timer
        function updateCountdown() {
            let hours = document.querySelector('.countdown:nth-child(1)');
            let minutes = document.querySelector('.countdown:nth-child(3)');
            let seconds = document.querySelector('.countdown:nth-child(5)');
            
            let h = parseInt(hours.textContent);
            let m = parseInt(minutes.textContent);
            let s = parseInt(seconds.textContent);
            
            s--;
            if (s < 0) {
                s = 59;
                m--;
                if (m < 0) {
                    m = 59;
                    h--;
                    if (h < 0) {
                        h = 23;
                    }
                }
            }
            
            hours.textContent = h < 10 ? '0' + h : h;
            minutes.textContent = m < 10 ? '0' + m : m;
            seconds.textContent = s < 10 ? '0' + s : s;
        }
        
        setInterval(updateCountdown, 1000);
    </script>
</body>
</html>